Vue defineComponent
介绍
在 Vue 中,组件有多种写法,比如 SFC。一种更加简单的写法,是创建一个 Object,里面实现对应方法即可。这种直接创建 Object 的方法,在实用 TypeScript 时没有语法提示,比较麻烦。因此 Vue3 提供了 defineComponent,通过它定义组件,来实现更好地类型推导。
定义简单组件
通过如下代码,就能像 Vue 中注册一个简单组件:
Vue.component('button-counter', {
data: function () {
return {
count: 0
}
},
template: '<button v-on:click="count++">You click me {{ count }} times.</button>'
})